<template>
  <view class="example-page">
    <sc-navbar back title="示例页面"></sc-navbar>
    <view class="content">
      <sc-text bold color="#3D3D3D" size="30" text="上传识别照片要求"></sc-text>
      <sc-view padding="15rpx 0 68rpx">
        <sc-text color="#767676" size="27" text="为保证识别效率，拍摄时请正对产品并都置入框内钉盒图片标准示范"></sc-text>
      </sc-view>
      <sc-grid col="472rpx auto" col-gap="19">
        <sc-grid>
          <sc-flex ai="center" col-gap="22">
            <sc-text color="#3D3D3D" size="30" text="钉盒图片"></sc-text>
            <sc-text color="#767676" size="27" text="标准示范"></sc-text>
          </sc-flex>
          <sc-image height="315" mt="19" round="8" src="/static/imgs/empty.png" width="472"></sc-image>
        </sc-grid>
        <sc-grid row-gap="19">
          <sc-flex direction="t" ai="center">
            <sc-image height="90" round="8" src="/static/imgs/empty.png" width="100%"></sc-image>
            <sc-text text="边框缺失" size="27" color="#767676"></sc-text>
          </sc-flex>
          <sc-flex direction="t" ai="center">
            <sc-image height="90" round="8" src="/static/imgs/empty.png" width="100%"></sc-image>
            <sc-text text="图片模糊" size="27" color="#767676"></sc-text>
          </sc-flex>
          <sc-flex direction="t" ai="center">
            <sc-image height="90" round="8" src="/static/imgs/empty.png" width="100%"></sc-image>
            <sc-text text="闪光强烈" size="27" color="#767676"></sc-text>
          </sc-flex>
        </sc-grid>
      </sc-grid>
      <sc-grid col="472rpx auto" col-gap="19" mt="70">
        <sc-grid>
          <sc-flex ai="center" col-gap="22">
            <sc-text color="#3D3D3D" size="30" text="工具图片"></sc-text>
            <sc-text color="#767676" size="27" text="标准示范"></sc-text>
          </sc-flex>
          <sc-image height="315" mt="19" round="8" src="/static/imgs/empty.png" width="472"></sc-image>
        </sc-grid>
        <sc-grid row-gap="19">
          <sc-flex direction="t" ai="center">
            <sc-image height="90" round="8" src="/static/imgs/empty.png" width="100%"></sc-image>
            <sc-text text="边框缺失" size="27" color="#767676"></sc-text>
          </sc-flex>
          <sc-flex direction="t" ai="center">
            <sc-image height="90" round="8" src="/static/imgs/empty.png" width="100%"></sc-image>
            <sc-text text="图片模糊" size="27" color="#767676"></sc-text>
          </sc-flex>
          <sc-flex direction="t" ai="center">
            <sc-image height="90" round="8" src="/static/imgs/empty.png" width="100%"></sc-image>
            <sc-text text="闪光强烈" size="27" color="#767676"></sc-text>
          </sc-flex>
        </sc-grid>
      </sc-grid>
    </view>
  </view>
</template>

<script setup></script>
<style lang="scss" scoped>
.example-page {
  .content {
    padding: 33rpx 42rpx 33rpx 51rpx;
  }
}
</style>
